﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>萤火商城-商业版</title>
    <meta name="viewport" content="width=device-width, initial-scale=1"/>
    <meta name="renderer" content="webkit"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="assets/common/i/favicon.ico"/>
    <meta name="apple-mobile-web-app-title" content="萤火商城-商业版"/>
    <link rel="stylesheet" href="Css/amazeui.min.css"/>
    <link rel="stylesheet" href="Css/app.css"/>
    <link rel="stylesheet" href="Css/font_783249_3hfdb7m5w0j.css">
    <script src="Scripts/jquery.min.js"></script>
    <script src="Scripts/font_783249_e5yrsf08rap.js"></script>
    <script>
        BASE_URL = 'https://demo.yiovo.com/';
        STORE_URL = 'index.php?s=/store';
    </script>
</head>

<body data-type="">
<div class="am-g tpl-g">
    <!-- 头部 -->
    <header class="tpl-header">
        <!-- 右侧内容 -->
        <div class="tpl-header-fluid">
            <!-- 侧边切换 -->
            <div class="am-fl tpl-header-button switch-button">
                <i class="iconfont icon-menufold"></i>
            </div>
            <!-- 刷新页面 -->
            <div class="am-fl tpl-header-button refresh-button">
                <i class="iconfont icon-refresh"></i>
            </div>
            <!-- 其它功能-->
            <div class="am-fr tpl-header-navbar">
                <ul>
                    <!-- 商业版介绍 -->
                    <li class="am-text-sm tpl-header-navbar-welcome">
                        <a href="index.php?s=/pro" style="font-size: 1.3rem; color: #166bef">商业版介绍
                        </a>
                    </li>
                    <!-- 欢迎语 -->
                    <li class="am-text-sm tpl-header-navbar-welcome">
                        <a href="index.php?s=/store/store.user/renew">欢迎你，<span>admin</span>
                        </a>
                    </li>
                    <!-- 退出 -->
                    <li class="am-text-sm">
                        <a href="javascript:void(0);">
                            <i class="iconfont icon-tuichu"></i> 退出
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </header>
    <!-- 侧边导航栏 -->
    <div class="left-sidebar dis-flex">
                <!-- 一级菜单 -->
        <ul class="sidebar-nav">
            <li class="sidebar-nav-heading">萤火商城-商业版</li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/index/index"
                       class="">
                                                    <i class="iconfont sidebar-nav-link-logo icon-home"
                               style=""></i>
                                                首页                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/store.user/index"
                       class="">
                                                    <i class="iconfont sidebar-nav-link-logo icon-guanliyuan"
                               style=""></i>
                                                管理员                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/goods/index"
                       class="">
                                                    <i class="iconfont sidebar-nav-link-logo icon-goods"
                               style=""></i>
                                                商品管理                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/order/delivery_list"
                       class="active">
                                                    <i class="iconfont sidebar-nav-link-logo icon-order"
                               style=""></i>
                                                订单管理                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/user/index"
                       class="">
                                                    <i class="iconfont sidebar-nav-link-logo icon-user"
                               style=""></i>
                                                用户管理                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/content.article/index"
                       class="">
                                                    <i class="iconfont sidebar-nav-link-logo icon-wenzhang"
                               style=""></i>
                                                内容管理                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/market.coupon/index"
                       class="">
                                                    <i class="iconfont sidebar-nav-link-logo icon-marketing"
                               style=""></i>
                                                营销设置                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/wxapp/setting"
                       class="">
                                                    <i class="iconfont sidebar-nav-link-logo icon-wxapp"
                               style="color:#36b313;"></i>
                                                小程序                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/apps.dealer.apply/index"
                       class="">
                                                    <svg class="icon sidebar-nav-link-logo" aria-hidden="true">
                                <use xlink:href="#icon-application"></use>
                            </svg>
                                                应用中心                    </a>
                </li>
                            <li class="sidebar-nav-link">
                    <a href="index.php?s=/store/setting/store"
                       class="">
                                                    <i class="iconfont sidebar-nav-link-logo icon-setting"
                               style=""></i>
                                                设置                    </a>
                </li>
                    </ul>
        <!-- 子级菜单-->
                    <ul class="left-sidebar-second">
                <li class="sidebar-second-title">订单管理</li>
                <li class="sidebar-second-item">
                                                <!-- 二级菜单-->
                            <a href="index.php?s=/store/order/delivery_list"
                               class="">
                                待发货                            </a>
                                                    <!-- 二级菜单-->
                            <a href="index.php?s=/store/order/receipt_list"
                               class="">
                                待收货                            </a>
                                                    <!-- 二级菜单-->
                            <a href="index.php?s=/store/order/pay_list"
                               class="active">
                                待付款                            </a>
                                                    <!-- 二级菜单-->
                            <a href="index.php?s=/store/order/complete_list"
                               class="">
                                已完成                            </a>
                                                    <!-- 二级菜单-->
                            <a href="index.php?s=/store/order/cancel_list"
                               class="">
                                已取消                            </a>
                                                    <!-- 二级菜单-->
                            <a href="index.php?s=/store/order/all_list"
                               class="">
                                全部订单                            </a>
                                                    <!-- 二级菜单-->
                            <a href="index.php?s=/store/order.refund/index"
                               class="">
                                售后管理                            </a>
                                        </li>
            </ul>
            </div>

    <!-- 内容区域 start -->
    <div class="tpl-content-wrapper ">
        <div class="row-content am-cf">
    <div class="row">
        <div class="am-u-sm-12 am-u-md-12 am-u-lg-12">
            <div class="widget am-cf">
                <div class="widget-head am-cf">
                    <div class="widget-title am-cf">待付款订单列表</div>
                </div>
                <div class="widget-body am-fr">
                    <!-- 工具栏 -->
                    <div class="page_toolbar am-margin-bottom-xs am-cf">
                        <form id="form-search" class="toolbar-form" action="">
                            <input type="hidden" name="s" value="/store/order/pay_list">
                            <input type="hidden" name="dataType" value="pay">
                            <div class="am-u-sm-12 am-u-md-3">
                                <div class="am-form-group">
                                    <div class="am-btn-toolbar">
                                        <div class="am-btn-group am-btn-group-xs">
                                                                                            <a class="j-export am-btn am-btn-success am-radius"
                                                   href="javascript:void(0);">
                                                    <i class="iconfont icon-daochu am-margin-right-xs"></i>订单导出
                                                </a>
                                                                                    </div>
                                    </div>
                                </div>
                            </div>
                            <div class="am-u-sm-12 am-u-md-9">
                                <div class="am fr">
                                    <div class="am-form-group tpl-form-border-form am-fl">
                                        <input type="text" name="start_time"
                                               class="am-form-field"
                                               value="" placeholder="请选择起始日期"
                                               data-am-datepicker>
                                    </div>
                                    <div class="am-form-group tpl-form-border-form am-fl">
                                        <input type="text" name="end_time"
                                               class="am-form-field"
                                               value="" placeholder="请选择截止日期"
                                               data-am-datepicker>
                                    </div>
                                    <div class="am-form-group am-fl">
                                        <div class="am-input-group am-input-group-sm tpl-form-border-form">
                                            <input type="text" class="am-form-field" name="order_no"
                                                   placeholder="请输入订单号"
                                                   value="">
                                            <div class="am-input-group-btn">
                                                <button class="am-btn am-btn-default am-icon-search"
                                                        type="submit"></button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </form>
                    </div>
                    <div class="order-list am-scrollable-horizontal am-u-sm-12 am-margin-top-xs">
                        <table width="100%" class="am-table am-table-centered
                        am-text-nowrap am-margin-bottom-xs">
                            <thead>
                            <tr>
                                <th width="30%" class="goods-detail">商品信息</th>
                                <th width="10%">单价/数量</th>
                                <th width="15%">实付款</th>
                                <th>买家</th>
                                <th>交易状态</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                                                            <tr class="order-empty">
                                    <td colspan="6"></td>
                                </tr>
                                <tr>
                                    <td class="am-text-middle am-text-left" colspan="6">
                                        <span class="am-margin-right-lg"> 2018-08-01 16:40:26</span>
                                        <span class="am-margin-right-lg">订单号：2018100748509910</span>
                                    </td>
                                </tr>
                                                                    <tr>
                                        <td class="goods-detail am-text-middle">
                                            <div class="goods-image">
                                                <img src="Picture/2018071718294208f086786.jpg" alt="">
                                            </div>
                                            <div class="goods-info">
                                                <p class="goods-title">荣耀 V10全网通 标配版 4GB+64GB 魅丽红 移动联通电信4G全面屏手机 双卡双待</p>
                                                <p class="goods-spec am-link-muted">颜色:炫影蓝; 版本:4+64G; </p>
                                            </div>
                                        </td>
                                        <td class="am-text-middle">
                                            <p>￥1899.00</p>
                                            <p>×1</p>
                                        </td>
                                                                                    <td class="am-text-middle" rowspan="2">
                                                <p>￥0.00</p>
                                                <p class="am-link-muted">(含运费：￥0.00)</p>
                                            </td>
                                            <td class="am-text-middle" rowspan="2">
                                                <p>T***E</p>
                                                <p class="am-link-muted">(用户id：10196)</p>
                                            </td>
                                            <td class="am-text-middle" rowspan="2">
                                                <p>付款状态：
                                                    <span class="am-badge
                                                ">
                                                        待付款</span>
                                                </p>
                                                <p>发货状态：
                                                    <span class="am-badge
                                                ">
                                                        待发货</span>
                                                </p>
                                                <p>收货状态：
                                                    <span class="am-badge
                                                ">
                                                        待收货</span>
                                                </p>
                                                                                            </td>
                                            <td class="am-text-middle" rowspan="2">
                                                <div class="tpl-table-black-operation">
                                                                                                            <a class="tpl-table-black-operation-green"
                                                           href="index.php?s=/store/order/detail/order_id/10078">
                                                            订单详情</a>
                                                                                                    </div>
                                            </td>
                                                                            </tr>
                                                                    <tr>
                                        <td class="goods-detail am-text-middle">
                                            <div class="goods-image">
                                                <img src="Picture/20180717175657d4f120465.jpg" alt="">
                                            </div>
                                            <div class="goods-info">
                                                <p class="goods-title">Apple iPhone X (A1903) 64GB 深空灰色 移动联通4G手机</p>
                                                <p class="goods-spec am-link-muted">颜色:银色; 内存:64G; 方式:官方标配; </p>
                                            </div>
                                        </td>
                                        <td class="am-text-middle">
                                            <p>￥7099.00</p>
                                            <p>×1</p>
                                        </td>
                                                                            </tr>
                                                            </tbody>
                        </table>
                    </div>
                    <div class="am-u-lg-12 am-cf">
                        <div class="am-fr"> </div>
                        <div class="am-fr pagination-total am-margin-right">
                            <div class="am-vertical-align-middle">总记录：1</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>

    $(function () {

        /**
         * 订单导出
         */
        $('.j-export').click(function () {
            var data = {};
            var formData = $('#form-search').serializeArray();
            $.each(formData, function () {
                this.name !== 's' && (data[this.name] = this.value);
            });
            window.location = "index.php?s=/store/order.operate/export" + '&' + $.urlEncode(data);
        });

    });

</script>


    </div>
    <!-- 内容区域 end -->

</div>
<script src="Scripts/layer.js"></script>
<script src="Scripts/jquery.form.min.js"></script>
<script src="Scripts/amazeui.min.js"></script>
<script src="Scripts/webuploader.html5only.js"></script>
<script src="Scripts/art-template.js"></script>
<script src="Scripts/app.js"></script>
<script src="Scripts/file.library.js"></script>
</body>

</html>
